/* topRightPanel.scss */
@charset "UTF-8";
@import "common/var";
@import "mixins/mixins";

@include b(topRightPanel) {
  position: fixed;
  background: linear-gradient(360deg, rgba($color: $--color-bgColor, $alpha: 0.9) 0%, rgba($color: $--color-bgColor, $alpha: 0.4) 100%);
  top: calc(#{$--height-navbar} + 10px);
  right: 80px;
  max-height: calc(100vh - #{$--height-navbar} - 20px);
  min-width: 240px;
  overflow-y: auto;
  color: #fff;
  z-index: 2000;

  &-closeBtn {
    background-color: rgba($color: $--color-bgColor, $alpha: 0.8);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    cursor: pointer;
    z-index: 2001;

    .el-icon-circle-close {
      font-size: 25px;
    }
  }
}